<template>
    <div>
        <nav>
            <!-- <router-link :to="{name:'BookInfo',params:{book_id:item.id}}">-->
            <router-link :to="{name:'Home'}"><span class="icon iconfont">&#xe899; </span>回到首页</router-link>
            <a href="">{{titles}}</a>
            <a href="">浏览记录</a>
        </nav>
    </div>
</template>

<script>
    export default {
        name: "navs",
        props:{
            titles:{
                type:String,
                default:()=>null
            },
            title_url:{
                type:String,
                default:()=>null
            }
        },

    }
</script>

<style scoped>
    nav{
        display: flex;
        justify-content:space-around;
        background-color: #e4e4e4;
        align-items: center;
        height: 2.7rem;
        width:100vw;
        position: fixed;
        top:0;
    }
    nav > a{
        font-weight: bold;
        color: #6b6665;
    }
    nav > a:first-of-type{
        margin-left: -1.5rem;
    }
</style>